<template>
	<view class="product">
		<scroll-view scroll-y="true" class="swiper">
			<!-- <AddBtn :tab='0' /> -->
			<view class="card" v-for="(item, index) in goodsList" :key="index">
				<GoodsCard :gid='item.gid'
				 :imageURL='item.imageURL'
				 :price='item.carbon'
				 :title='item.shortName' 
				 :desc='item.description' 
				 :pid="item.pid"
				 :category="item.category"
				 :fullName="item.fullName"
				 />
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import GoodsCard from './GoodsCard'
	// import AddBtn from './AddBtn'
	
	export default {
		props: {
			goodsList: {
				type: Array,
				default: []
			}
		},
		data() {
			return {
				cid: 0,
			}
		},
		Created() {
			this.cid=this.$store.getters.getUser.cid
		},
		methods: {

			
		},
		components: {
			GoodsCard,
			// AddBtn
		}
	}
</script>

<style lang="less" scoped>
	.product {
		width: 100%;
		height: 100vh;
		// margin-top: 40rpx;
		
		.card:last-child {
			margin-bottom: 170rpx;
		}
		
		.ttt {
			
		}
		
	}
</style>